<template>
  <!-- 通用统计 -->
  <div class="statistics">
    <el-form ref="form" :model="form" label-width="100px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="选择时间范围" prop="workArea">
            <el-date-picker
              style="width: 100%;"
              v-model="form.workArea"
              type="datetimerange"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="16" style="text-align: right;">
          <el-button>重置</el-button>
          <el-button>查询</el-button>
        </el-col>
        <el-col :span="24">
          <el-button style="margin-bottom: 20px;" :loading="false" icon="el-icon-download">导出</el-button>
        </el-col>
      </el-row>
    </el-form>

    <el-table v-loading="loading" ref="multipleTable" :data="tableData" tooltip-effect="dark">
      <el-table-column label="序号" width="55" align="center">
        <template slot-scope="scope">{{ scope.$index + 1 }}</template>
      </el-table-column>
      <el-table-column prop="name" label="时间" align="center"></el-table-column>
      <el-table-column prop="name" label="入库类型" align="center"></el-table-column>
      <el-table-column prop="name" label="工区" align="center"></el-table-column>
      <el-table-column prop="name" label="供货商" align="center"></el-table-column>
      <el-table-column prop="name" label="生产商" align="center"></el-table-column>
      <el-table-column prop="name" label="批次" align="center"></el-table-column>
      <el-table-column prop="date" label="材料类别" align="center"></el-table-column>
      <el-table-column prop="date" label="规格" align="center"></el-table-column>
      <el-table-column prop="date" label="直径" align="center"></el-table-column>
      <el-table-column prop="date" label="长度" align="center"></el-table-column>
      <el-table-column prop="date" label="捆数" align="center"></el-table-column>
      <el-table-column prop="date" label="总根数" align="center"></el-table-column>
      <el-table-column prop="date" label="理论重量" align="center"></el-table-column>
      <el-table-column prop="date" label="厂家重量" align="center"></el-table-column>
      <el-table-column prop="date" label="实际重量" align="center"></el-table-column>
      <el-table-column prop="date" label="偏差率" align="center"></el-table-column>
      <el-table-column prop="date" label="验收人" align="center"></el-table-column>
      <el-table-column prop="date" label="交料人" align="center"></el-table-column>
      <el-table-column prop="date" label="存放地点" align="center"></el-table-column>
      <el-table-column prop="date" label="使用部位" align="center"></el-table-column>
      <el-table-column prop="date" label="试验报告编号" align="center"></el-table-column>
      <el-table-column prop="date" label="运输司机" align="center"></el-table-column>
      <el-table-column prop="date" label="运输车辆" align="center"></el-table-column>
      <el-table-column prop="date" label="备注" align="center"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'Processing',
  components: {},
  props: {},
  data() {
    return {
      form: {},
      loading: false,
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          value: '0'
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          value: '0'
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          value: '0'
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          value: '0'
        },
        {
          date: "2016-05-08",
          name: "王小虎",
          value: '1'
        },
        {
          date: "2016-05-06",
          name: "王小虎",
          value: '1'
        },
        {
          date: "2016-05-07",
          name: "王小虎",
          value: '1'
        },
      ],
    }
  },
  filters: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {}
}
</script>

<style scoped lang="scss">
</style>
